/*
 * @param {String} width - 分隔槽宽度，默认单位rpx，可设置px或%
 * @param {String} height - 分隔槽高度，默认单位rpx，可设置px或%
 * @param {String} background - 分隔槽背景颜色，默认透明无颜色，支持渐变色
 */


<template>
	<view
	:style="[heightStyle, bgStyle]"
	>
	</view>
</template>


<script>

import util from '../../libs/util/util.js'

export default {
	
	name: 'u-interval',
	props: {
		
		width: {//分隔槽宽度，默认单位rpx，可设置px或%
			type: String,
			default: '100%'
		},
		
		height: {//分隔槽高度，默认单位rpx，可设置px或%
			type: String,
			default: '50rpx'
		},
		
		background: {//分隔槽背景颜色，默认透明无颜色，支持渐变色
			type: String,
			default: 'rgba(0,0,0,0)'
		}
	},
	
	computed: {
		
		// 处理分隔槽高度与宽度(加入单位)
		heightStyle: function(){
			let style = {}
			style.width = util.addCompany(this.width)
			style.height = util.addCompany(this.height)
			return style
		},
		
		// 处理分隔槽背景颜色
		bgStyle: function(){
			let style = {}
			style.background = this.background
			return style
		}
	},
	
	methods: {
		
	}
	
}
</script>

<style lang="scss">

</style>